<style>
  .shopaclist .list:first-child{
    margin-top: 10px;
  }
  .shopaclist .item-thumbnail-left{
    padding-left: 126px;
    padding-top: 12px;
    margin-bottom: 10px;
  }
  .shopaclist h2{
    margin-bottom: 10px;
    padding-right: 50px;
  }
  .shopaclist .actime{
    padding-left: 20px;
    background: url(img/time.png) no-repeat left center;
    background-size: 15px;
  }
  .shopaclist .acaddress{
    padding-left: 20px;
    background: url(img/hintadd.png) no-repeat left center;
    background-size: 13px;
    background-position-x: 1px;
  }
  .shopaclist .acdelete{
    position: absolute;
    right: 10px;
    top: 12px;
    padding-left: 20px;
    background: url(img/icon/myindex/laji.png) no-repeat left center;
    background-size: 13px;
    background-position-x: 1px;
    font-size: 12px;
  }
  .shopaclist .item-thumbnail-left img{
    width: 110px;
    max-width: 110px;
  }
  .shopaclist .activity-flag{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 56px;
    height: 20px;
    background-color: #ccc;
    color: #fff;
    font-size: 12px;
    text-align: center;
  }
  .shopaclist .item{
    border: none;
  }
</style>

<ion-view view-title="活动列表">
  <ion-nav-buttons side="right">
  </ion-nav-buttons>
  <ion-content class="shopaclist">
    <div class="list">
      <a ng-repeat="l in list" ui-sref="app.shopsPreviewAcDetail({id: l.id, sphone: sphone})" class="item item-thumbnail-left" href="javascript:">
        <img ng-src="{{l.activityImg ? (baseUrl + l.activityImg) : 'img/shop_activity.png'}}?x-oss-process=image/resize,w_750">
        <i ng-show="l.activityOver" class="activity-flag">活动结束</i>
        <h2>{{l.activityTitle}}</h2>
        <p class="actime">{{l.activityStartDateTime | date:'yyyy-MM-dd HH:mm'}}</p>
        <p ng-show="l.activityType == '1'" class="acaddress">{{l.activityAddress}}</p>
      </a>
      <div ng-show="list && list.length == 0" style="padding: 40px; text-align: center;">还没有活动</div>
    </div>
  </ion-content>
</ion-view>